<!DOCTYPE html>
<html xmlns:wb="http://open.weibo.com/wb">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

		<meta name="format-detection" content="telephone=no">
		<meta name="msapplication-tap-highlight" content="no">

		<link rel="stylesheet" href="css/semantic.min.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/jquery.fullPage.css">
		<link rel="stylesheet" href="css/video-js.min.css">
		<link rel="stylesheet" href="css/gradient.css">

		<script src="js/jquery.min.js"></script>
		<script src="js/jquery-ui.min.js"></script>
		<script src="js/semantic.min.js"></script>
		<script src="js/hammer.min.js"></script>
		<script src="js/hammer-time.min.js"></script>
		<script src="js/jquery.fullPage.js"></script>
		<script src="js/video.min.js"></script>
		<script src="cordova.js"></script>
		<script src="js/index.js"></script>
		<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" defer async></script>

		<title>My Resume</title>
	</head>
	<body>
		<!-- Sidebar Menu -->
		<div class="ui vertical inverted left sidebar menu">
			<a class="active item" href="#home">Home</a>
			<a class="item" href="#honor">Honor</a>
			<a class="item" href="#motto">Motto</a>
			<a class="item" href="#picture">Pictures</a>
			<a class="item" href="#video">Video</a>
			<a class="item" href="#social">Social</a>
		</div>

		<!-- Page Contents -->
		<div class="pusher">
			<div class="app" id="fullpage">
				<!-- home -->
				<div class="section">
					<div class="ui inverted vertical masthead center aligned segment" style="position:inherit">
						<div class="ui container">
							<div class="ui large secondary inverted pointing menu" style="position:absolute;left:0;top:0;">
								<a class="toc item">
									<i class="sidebar icon"></i>
								</a>
								<a class="active item" href="#home">Home</a>
								<a class="item" href="#motto">Motto</a>
								<a class="item" href="#honor">Honor</a>
								<a class="item" href="#picture">Picture</a>
								<a class="item" href="#video">Video</a>
								<a class="item" href="#social">Social</a>
							</div>
						</div>

						<div class="ui text container">
							<h1 class="ui inverted header">
								Imagine-My-Résumé
							</h1>
							<h2>Do whatever you want when you want to.</h2>
							<div class="ui huge primary button" onclick="window.location='#honor'">
								Get Started <i class="right arrow icon"></i>
							</div>
						</div>
					</div>
				</div>

				<!-- motto -->
				<div class="section" id="section1">
					<div class="ui one column centered grid">
						<div class="ui special cards">
							<div class="card">
								<div class="blurring dimmable image">
									<div class="ui dimmer">
										<div class="content">
											<div class="center">
												<div class="ui inverted button"><a href="https://telegram.me/ICErupt">Contact me via Telegram</a></div>
											</div>
										</div>
									</div>
									<img src="img/avatar/large/me.jpg">
								</div>
								<div class="content">
									<a class="header">徐旗江</a>
									<div class="meta">
										南京理工大学 软件工程<br>
										热爱科技，爱编程，数学，技术控<br>
										座右铭：下棋找高手，弄斧到班门
									</div>
								</div>
								<div class="extra content">
									<a>
										<i class="mail icon"></i>
										ICErupt@126.com <br>
										<i class="call icon"></i>
										18351897895
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- honor -->
				<div class="section" id="section2">
					<div class="ui grid container">
						<div class="eight wide column">
							<h3 class="ui header" style="color:white">学习方面</h3>
							<div class="ui middle aligned animated list">
								<div class="item">
									<img class="ui avatar image" src="img/avatar/small/helen.jpg"><br>
									<div class="content"> <div class="header" style="color:white">国家奖学金 两次</div> </div>
								</div>
								<div class="item">
									<img class="ui avatar image" src="img/avatar/small/christian.jpg"><br>
									<div class="content"> <div class="header" style="color:white">校特等奖学金 四次</div> </div>
								</div>
								<div class="item">
									<img class="ui avatar image" src="img/avatar/small/daniel.jpg"><br>
									<div class="content"> <div class="header" style="color:white">院长奖章 希望之星</div> </div>
								</div>
								<div class="item">
									<img class="ui avatar image" src="img/avatar/small/rachel.png"><br>
									<div class="content"> <div class="header" style="color:white">优秀共青团员</div> </div>
								</div>
								<div class="item">
									<img class="ui avatar image" src="img/avatar/small/matthew.png"><br>
									<div class="content"> <div class="header" style="color:white">三好学生</div> </div>
								</div>
							</div>
						</div>
						<div class="eight wide column">
							<h3 class="ui header" style="color:white">竞赛经历</h3>
							<div class="ui middle aligned animated list">
								<div class="item">
									<img class="ui avatar image" src="img/avatar/small/daniel.jpg"><br>
									<div class="content"> <div class="header" style="color:white">2015 ACM/ICPC 亚洲区域赛上海站 银奖</div> </div>
								</div>
								<div class="item">
									<img class="ui avatar image" src="img/avatar/small/christian.jpg"><br>
									<div class="content"> <div class="header" style="color:white">2016 蓝桥杯软件设计大赛全国总决赛 一等奖</div> </div>
								</div>
								<div class="item">
									<img class="ui avatar image" src="img/avatar/small/helen.jpg"><br>
									<div class="content"> <div class="header" style="color:white">2016 江苏省程序设计大赛 特等奖</div> </div>
								</div>
								<div class="item">
									<img class="ui avatar image" src="img/avatar/small/lindsay.png"><br>
									<div class="content"> <div class="header" style="color:white">2016 江苏省软件设计大赛 一等奖</div> </div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- picture -->
				<div class="section" id="section3">
					<div class="slide">
						<img class="ui centered medium image" src="http://hbimg.b0.upaiyun.com/899fb128d58afba01c008432999033b4de1de8f4132c1-Ub4GjC_fw658" id="myImg1">
					</div>
					<div class="slide">
						<img class="ui centered medium image" src="http://hbimg.b0.upaiyun.com/dd0f16841bccc287d343035f898c569fca7f45eb51201-nNuj5s_fw658" id="myImg2">
					</div>
					<div class="slide">
						<img class="ui centered medium image" src="http://hbimg.b0.upaiyun.com/d0d06ed7266aaf967918569186007a3f3532772b54ae8-i4Olsl_fw658" id="myImg3">
					</div>
					<div class="slide">
						<img class="ui centered medium image" src="http://hbimg.b0.upaiyun.com/3df8a991dc268bae7a0887e52408d4a8e48d4f095f28e-KasAal_fw658" id="myImg4">
					</div>
				</div>

				<!-- video -->
				<div class="section" id="section4">
					<video id="really-cool-video" class="video-js vjs-fluid vjs-default-skin" controls preload="auto" poster="http://vjs.zencdn.net/v/oceans.png" data-setup='{}'>
						<source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm"></source>
						<source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></source>
						<p class="vjs-no-js">
						To view this video please enable JavaScript, and consider upgrading to a web browser
						that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
						</p>
					</video>
				</div>

				<!-- social -->
				<div class="section" id="section5">
					<div class=slide>
						<div class="ui one column centered grid">
							<wb:follow-button uid="3700617733" type="red_2" width="136" height="24" ></wb:follow-button>
							<iframe width="70%" height="550" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&skin=9&isTitle=1&noborder=1&isWeibo=1&isFans=0&uid=3700617733&verifier=78378d4e&dpc=1"></iframe>
						</div>
					</div>
					<div class=slide id="wrapper">
						<div class="ui one column centered grid">
							<a class="ui teal big tag label">微博授权、转发</a>
						</div>
						<div class="ui one column centered grid">
							<div class="row"> <button class="ui black button" id="check-install" >检测是否安装客户端</button> </div>
							<div class="row"> <button class="ui black button" id="sso-login"     >SSO登录(自动选择)</button> </div>
							<div class="row"> <button class="ui black button" id="share-text"    >分享图文到微博</button> </div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>

